<div class="uk-grid-divider uk-grid" style="padding-top:20px;padding: 30px;">
    <div class="uk-text-center" style="width: 300px;">
        <!--先弄个头像-->
        <img class="large-profilePhoto" src="http://tva1.sinaimg.cn/crop.318.608.1137.1137.180/3c1b9c69jw8f1ptze8k4hj21kw1ekakh.jpg"
            alt="头像或照片">
        <h4 class="uk-h4" style="color:cadetblue">冯世龙的个人简历</h4>
        <!--简单介绍下自己-->
        <p>本科毕业后进入某国企工作，业余时间由兴趣驱动学习编程相关知识。</p>
        <!--联系方式得留下吧-->
        <h5 class="uk-h5 uk-text-left" style="color:cadetblue;margin-left: -10px;">
            <b>
                <span uk-icon="icon: bookmark;ratio:1.2;"></span>&nbsp;Contact. 联系方式</b>
        </h5>
        <ul class="uk-list uk-text-left" style="padding-left:10px;">
            <li>
                <strong>邮箱：</strong>
                <a href="mailTO:fsl470657570@outlook.com">fsl470657570@outlook.com</a>
            </li>
            <li>
                <strong>微信：</strong>fsl470657570
            </li>
            <li>
                <strong>QQ：</strong>470657570
            </li>
            <li>
                <strong>微博：</strong>
                <a href="https://weibo.com/fslong/">公子照明燈</a>
            </li>
            <li>
                <strong>微信公众号：</strong>明夜津
            </li>
        </ul>
        <!--要应聘的岗位肯定要说的-->
        <h5 class="uk-h5 uk-text-left" style="color:cadetblue;margin-left: -10px;">
            <b>
                <span uk-icon="icon: bookmark;ratio:1.2;"></span>&nbsp;Application. 应聘岗位</b>
        </h5>
        <ul class="uk-list uk-text-left" style="padding-left:10px;">
            <li>
                初级Python后端工程师 / 初级Python爬虫工程师 / 初级前端工程师 / 项目经理 / 初级软件测试工程师
            </li>
        </ul>
        <!--技能点还没点满，希望大佬们教我-->
        <h5 class="uk-h5 uk-text-left" style="color:cadetblue;margin-left: -10px;">
            <b>
                <span uk-icon="icon: bookmark;ratio:1.2;"></span>&nbsp;Tech. 技能点</b>
        </h5>
        <ul class="uk-list uk-text-left" style="padding-left:10px;">
            <li>
                <table>
                    <thead></thead>
                    <tbody>
                        <tr>
                            <td>
                                <strong>HTML/CSS：</strong>
                            </td>
                            <td>
                                <progress class="uk-progress" value="60" max="100" style="margin-top: 4.5px;margin-bottom: 4.5px;"></progress>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>Javascript/jQuery：</strong>
                            </td>
                            <td>
                                <progress class="uk-progress" value="65" max="100" style="margin-top: 4.5px;margin-bottom: 4.5px;"></progress>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>Python：</strong>
                            </td>
                            <td style="width:200px;">
                                <progress class="uk-progress" value="70" max="100" style="margin-top: 4.5px;margin-bottom: 4.5px;"></progress>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>flask/Django：</strong>
                            </td>
                            <td>
                                <progress class="uk-progress" value="65" max="100" style="margin-top: 4.5px;margin-bottom: 4.5px;"></progress>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>Scrapy：</strong>
                            </td>
                            <td>
                                <progress class="uk-progress" value="40" max="100" style="margin-top: 4.5px;margin-bottom: 4.5px;"></progress>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>Linux：</strong>
                            </td>
                            <td>
                                <progress class="uk-progress" value="65" max="100" style="margin-top: 4.5px;margin-bottom: 4.5px;"></progress>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>C++/C#：</strong>
                            </td>
                            <td>
                                <progress class="uk-progress" value="30" max="100" style="margin-top: 4.5px;margin-bottom: 4.5px;"></progress>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>Unity3d：</strong>
                            </td>
                            <td>
                                <progress class="uk-progress" value="30" max="100" style="margin-top: 4.5px;margin-bottom: 4.5px;"></progress>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot></tfoot>
                </table>
            </li>
        </ul>
    </div>
    <div class="uk-width-2-3">
        <!--基本信息咩-->
        <div>
            <h3 class="uk-h3" style="color:cadetblue">
                <b>
                    <span uk-icon="icon: bookmark;ratio:1.5;"></span>&nbsp;Basic info. 基本信息</b>
            </h3>
            <hr class="uk-divider-small">
            <ul class="uk-list" style="padding-left:20px;">
                <li>
                    <strong>个人信息：</strong>冯世龙 / 男 / 27岁</li>
                <li>
                    <strong>教育经历：</strong>2009-2013 / 天津大学热能与动力工程（全日制大学本科）</li>
                <li>
                    <!--外语水平也就能看懂一般的文献-->
                    <strong>外语水平：</strong>CET-4</li>
                <li>
                    <strong>常用ID：</strong>fslong / 冰若 / 公子照明灯</li>
                <li>
                    <!--做了几个项目，欢迎去Github帮我star-->
                    <strong>个人网站：</strong>
                    <a href="https://fslong.xyz">首页</a> / 
                    <a href="http://47.106.197.182/blog"> 博客</a> / 
                    <a href="http://47.106.197.182/webapps"> 网页应用</a> / 
                    <a href="https://www.fslong.xyz/pju-resume"> 在线简历</a>

                </li>
                <li>
                    <strong>Github：</strong>
                    <a href="https://github.com/fslong520/">github.com/fslong520</a>
                </li>
            </ul>
        </div>
        <div>
            <h3 class="uk-h3" style="color:cadetblue">
                <b>
                    <!--说一说这几年都干了啥-->
                    <span uk-icon="icon: bookmark;ratio:1.5;"></span>&nbsp;Experience. 项目与工作经验</b>
            </h3>
            <hr class="uk-divider-small">
            <ul class="uk-list" style="padding-left:20px;">
                <!--我们先要做好本职工作-->
                <li>
                    <h4 class="uk-h4" style="color:darkslategray">一、工作经历</h4>
                </li>
                <li>
                    <ul class="uk-list">
                        <li>
                            <b>（一）、2013.8~2017.4：哈尔滨锅炉处有限责任公司锅炉销售处项目经理</b>
                            <p>&emsp;&emsp;期间先后负责哈锅公司新疆、青海、陕西区域的锅炉主机及辅机销售及项目执行有关工作，历时将近四年，先后投标项目超过十余个，中标项目5个，累计签订合同额超过20亿。</p>
                        </li>
                        <li>
                            <b>（二）、2017.5~2018.8：哈尔滨电气股份有限公司蒸汽发电事业部锅炉销售处项目经理</b>
                            <p>&emsp;&emsp;期间负责哈电集团陕西区域的锅炉主机销售及项目执行有关工作，历时一年有余，中标项目两个，涉及合同金额超过13亿元。</p>
                        </li>
                    </ul>
                </li>
                <!--努利学习天天向上，简单介绍下这几年写的代码-->
                <li>
                    <h4 class="uk-h4" style="color:darkslategray">二、学习及项目经历</h4>
                </li>
                <li>
                    <ul>
                        <li>
                            <!--写了几个网页应用，这个也是以后的发展方向-->
                            <b>（一）、Python及网页应用相关</b>
                            <p>&emsp;&emsp;由于考虑个人职业规划和未来发展，我从2017年下半年起开始系统学习python，参考老师和前辈列的提纲，从前端知识开始系统的学习Python相关知识，并在学习过程中搭建个人网站，编写一些爬虫、API接口，以下是我的相关项目介绍：</p>
                        </li>
                        <li>
                            <ul>
                                <li>
                                    <p>
                                        <!--作为一个程序猿（准的）怎么可以没有自己的技术博客-->
                                        <b>1、基于Hexo的个人博客</b>
                                    </p>
                                    <img src="img/hexo博客.png" alt="hexo个人博客">
                                    <p>&emsp;&emsp;学习了HTML等前端相关知识及Linux基础后，搭建了个人博客，使用的是一个基于Node.js的博客框架Hexo，该框架可以使用Markdown语言编写文章，然后一键部署到代码仓库，具有简单便捷美观的优点。</p>
                                </li>
                                <li>
                                    <p>
                                        <!--学了Python最起码用Django搭一个博客呀-->
                                        <b>2、基于Django的个人博客</b>
                                    </p>
                                    <img src="img/Django博客首页.png" alt="Django个人博客" style="width: 375px">
                                    <img src="img/管理面板.png" alt="Django个人博客" style="width: 375px">
                                    <p>&emsp;&emsp;由于Hexo博客框架属于轻量级的静态博客框架，方便快速生成博客，但功能的拓展性较差，无法实现同用户的一些动态交互。在学习完Django有关知识之后，参考Hexo博客主界面搭建了基于Django的个人博客。该博客前端部分使用了一个轻量级CSS框架Uikit2.0，后端是Django2.0.5，数据库目前采用的是sqlite3，后续将迁移到MariaDB（MySQL的一个分支）。目前实现的主要功能有：
                                        <br>&emsp;&emsp;1、文章的增删改查；
                                        <br>&emsp;&emsp;2、文章评论的增删改查；
                                        <br>&emsp;&emsp;3、用户的注册、登陆、注销、修改密码（注册时在客户端通过使用CryptoJS计算哈希值对用户密码进行加密，数据库不存储明文密码，保证了用户密码的安全性）；
                                        <br>&emsp;&emsp;4、支持Markdown语言，后续计划加入导入导出功能；
                                        <br>&emsp;&emsp;5、自适应手机端与PC端。
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <!--其他一些小的网页应用-->
                                        <b>3、网页应用及接口</b>
                                    </p>
                                    <img src="img/Bing美图.png" style="width: 375px" alt="">
                                    <img src="img/书籍.png" style="width: 375px" alt="">
                                    <img src="img/天气.png" style="width: 375px" alt="">
                                    <img src="img/解析视频.png" alt="解析视频" style="width: 375px">
                                    <p>&emsp;&emsp;某些视频网站广告太长，插播太多，于是通过抓包、分析一些在线接口，找到了一些视频网站的真实解析接口，在自己的网站上增加了一个视频解析的功能并做成了接口，前端使用了Ajax、jQuery相关技术，后端使用了Requests、PyjQuery等技术。后续也做了一些其他小应用，比如天气预报是通过分析客户端ip地址，获取位置信息，然后再获取天气数据，呈现在首页上。</p>
                                </li>
                                <li>
                                    <p>
                                        <!--爬虫也不能少呀！-->
                                        <b>4、爬虫类</b>
                                    </p>
                                    <!--从requests开始-->
                                    <p>
                                        <b>(1)、基于requests和PyjQuery的爬虫</b>
                                    </p>
                                    <p>
                                        <p>雪球首页推荐用户简要信息</p>
                                        <img src="img/spider/xueqiu1.png" alt="" style="width: 500px">
                                        <p>苦瓜书城爬虫</p>
                                        <img src="img/spider/kgbook1.png" alt="">
                                    </p>
                                    <!--pyqt也试了下，刚刚入门-->
                                    <p>
                                        <b>(2)、基于PyQt和PyjQuery的爬虫</b>
                                    </p>
                                    <p>
                                        <p>&emsp;&emsp;requests爬虫有个问题就是只能获取静态的页面，由js控制加载出来的元素和内容是无法获取到的。这种情况通常可以使用selenium或者PyQt来获取数据。PyQt自带一个QWebEngineView引擎，可以使用其启动一个无界面的浏览器从而在加载完成之后获取数据。</p>
                                        <img src="img/spider/xueqiu2.png" alt="">
                                    </p>
                                    <!--爬虫神器-->
                                    <p>
                                        <b>(3)、scrapy框架爬虫</b>
                                    </p>
                                    <p>
                                        <p>苦瓜书城爬虫2</p>
                                        <img src="img/spider/kgbook2.png" alt="" style="height: 208.25px;">
                                        <img src="img/spider/kgbook3.png" alt="" style="width: 375px">
                                        <p>笔趣阁爬虫</p>
                                        <img src="img/spider/biquge.png" alt="">
                                    </p>

                                </li>
                                <li>
                                    <p>
                                        <!--这个简历框架也地说呀-->
                                        <b>5、pju-resume简历框架</b>
                                    </p>
                                    <img src="img/简历效果图初步.gif" alt="">
                                    <p>&emsp;&emsp;参考之前比较火的一个简历特效，做了这个逐条呈现内容的简历框架，主要使用Python解析静态的html简历内容，然后生成相应的js代码，最后拼接生成简历。</p>
                                </li>
                                <li>
                                    <p>
                                        <!--刚刚写了个自动维护代理池-->
                                        <b>6、自用代理池</b>
                                    </p>
                                    <img src="img/代理池/代理池1.png" alt="代理池" style="width: 375px">
                                    <img src="img/代理池/代理池2.png" alt="代理池" style="width: 375px">
                                    <img src="img/代理池/代理池3.png" alt="代理池" style="width: 375px">
                                    <img src="img/代理池/代理池4.png" alt="代理池" style="width: 375px">
                                    <img src="img/代理池/代理池5.png" alt="代理池" style="width: 375px">
                                    <img src="img/代理池/代理池6.png" alt="代理池" style="width: 375px">
                                    <p>&emsp;&emsp;爬数据期间经常会遇到反爬虫封了ip，此时我们需要使用代理来应对反爬虫，于是写了一个自动维护的代理池，主要有以下功能：<br>
                                        （1）、可以自动在网络上爬取一些免费代理，测试其可用性，并将可用的存入数据库。
                                        <br>
                                        （2）、隔一段时间重新扫描代理池中代理是否可用，如不可用将会自动删掉。
                                        <br>
                                        （3）、当代理池数量不足时，也会自重新爬取免费代理。</p>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <!--早年间写的一些小玩意-->
                            <b>（二）、C#相关</b>
                            <p>&emsp;&emsp;同时比较喜欢微软的东西，早期也接触过C#一段时间，以下是C#相关的一下项目情况：</p>
                        </li>
                        <li>
                            <ul>
                                <li>
                                    <p>
                                        <b>1、UWP学习合集</b>
                                    </p>
                                    <img src="img/UWPLearn.jpg" alt="UWP学习合集">
                                    <p>&emsp;&emsp;UWP即Windows通用应用平台，在Win10
                                        Mobile/Surface(Windows平板电脑）/PC/Xbox/HoloLens等平台上运行，GUI界面使用的是XAML这种标记语言编写（与HTML有些类似，也可以自适应不同尺寸设备），后端代码由C#编写，本程序只是一个UWP开发学习视频中每节课的代码合集，便于以后开发查找参考。</p>
                                </li>

                                <li>
                                    <p>
                                        <b>2、Unity3D飞机大战</b>
                                    </p>
                                    <img src="img/Unity3d.jpg" alt="Unity3D飞机大战">
                                    <p>&emsp;&emsp;Unity3D为一个跨平台游戏开发引擎，最新版本使用的开发语言是C#，游戏开发完成之后可以通过发布功能结合各个平台的SDK直接生成安装包。根据有关教程编写了flappy
                                        bird和飞机大战的主程序。
                                    </p>
                                </li>
                                <li>
                                    <p>
                                        <b>3、彩票号码生成器</b>
                                    </p>
                                    <img src="img/双色球大乐透随机.jpg" alt="彩票号码生成器" style="height: 270px;">
                                    <p>&emsp;&emsp;自从支付宝上不能购买彩票，发现在彩票点机选中奖概率直线下降，怀疑是机选程序的毛病，于是写了这个UWP应用部署在手机上，用于买彩票时随机生成彩票号码。主界面还是使用XAML编写，后端依然是C#，这个程序通过算法优化，嵌套了多层随机数函数，尽可能模拟现实中随机数的产生（然而还是没能中大奖）。</p>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <!--获得的奖励就随便说几个得了-->
        <div>
            <h3 class="uk-h3" style="color:cadetblue">
                <b>
                    <span uk-icon="icon: bookmark;ratio:1.5;"></span>&nbsp;Prize. 获得奖项</b>
            </h3>
            <hr class="uk-divider-small">
            <ul class="uk-list" style="padding-left:20px;">
                <li>
                    <h4 class="uk-h4" style="color:darkslategray">一、在校期间</h4>
                </li>
                <li>
                    <ul class="uk-list">
                        <li>
                            1、第四届“能动杯”节能减排大赛三等奖；
                        </li>
                        <li>
                            2、第七届“广数杯”毕业设计大赛三等奖；
                        </li>
                        <li>
                            3、天津大学优秀毕业生；
                        </li>
                        <li>
                            4、社团奖项若干。
                        </li>
                    </ul>
                </li>
                <li>
                    <h4 class="uk-h4" style="color:darkslategray">二、工作期间</h4>
                </li>
                <li>
                    <ul>
                        <li>
                            1、共青团2016年下半年青年岗位能手；
                        </li>
                        <li>
                            2、2017年劳动竞赛先进个人；
                        </li>
                        <li>
                            3、其他若干奖项。
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

    </div>
</div>